@charset "utf-8";
@import "common/common";
//yalaFlash
.layaflash {
    background: #8bc01f;
    overflow: hidden;
    .flash {
        margin-top: 60px;
        margin-bottom: 84px;
        .flash_l {
            font-size: 0;
            padding-left: 36px;
            >p {
                span {
                    display: inline-block;
                    color: white;
                    font-size: 48px;
                }
                span:nth-child(1) {
                    color: #8bc01f;
                    background: white;
                    width: 54px;
                    height: 54px;
                    font-weight: 600;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 54px;
                    margin-right: 10px;
                }
            }
            >div {
                padding-left: 18px;
                color: white;
                h3 {
                    font-size: 24px;
                    margin-bottom: 60px;
                }
                p {
                    font-size: 14px;
                    margin-bottom: 32px;
                }
                div {
                    font-size: 14px;
                    color: #8bc01f;
                    background: white;
                    width: 100px;
                    height: 34px;
                    border-radius: 4px;
                    text-align: center;
                    line-height: 34px;
                }
            }
        }
    }
}

@media (min-width:768px) {
    .layaflash,
    .layaPlay,
    .la-je {
        min-width: 990px;
    }
}

//layaplay
.layaPlay {
    overflow: hidden;
    background: #3393df;
    .play {
        padding-top: 60px;
        margin-bottom: 110px;
        .play_l {
            padding-left: 36px;
            >p {
                span {
                    display: inline-block;
                    color: white;
                    font-size: 48px;
                }
                span:nth-child(1) {
                    color: #3393df;
                    background: white;
                    width: 42px;
                    height: 42px;
                    font-weight: 600;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 42px;
                    font-size: 40px;
                }
            }
        }
        .play_c {
            margin-top: 100px;
            h3 {
                font-size: 24px;
                color: white;
                margin-bottom: 20px;
            }
            p {
                font-size: 14px;
                color: white;
                line-height: 28px;
            }
        }
        .play_r {
            padding-top: 150px;
        }
    }
}

.laya_jies {
    overflow: hidden;
    padding-right: 0;
    .jies {
        margin-top: 80px;
        margin-bottom: 80px;
        .jies_t {
            padding-left: 36px;
            padding-right: 0;
            .titl {
                margin-bottom: 20px;
                span {
                    display: inline-block;
                    color: #3393df;
                    font-size: 42px;
                }
                span:nth-child(1) {
                    color: white;
                    background: #3393df;
                    width: 42px;
                    height: 42px;
                    font-weight: 600;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 42px;
                    font-size: 40px;
                }
            }
            h4 {
                font-size: 18px;
                color: #5d5d5d;
                margin-bottom: 20px;
            }
            h5 {
                font-size: 18px;
                color: #3393df;
            }
            p {
                font-size: 14px;
                color: #5d5d5d;
                text-indent: 2em;
                margin-bottom: 34px;
            }
        }
    }
}

.laya {
    background: #f7f7f7;
}

@media (max-width:414px) {
    .layaflash {
        .flash {
            margin-top: 20px;
            margin-bottom: 20px;
            .flash_l {
                p {
                    span {
                        font-size: 26px;
                    }
                }
                >div {
                    h3 {
                        font-size: 17px;
                        margin-bottom: 20px;
                    }
                    p{
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
    .layaPlay{
       
        .play{
            margin-bottom: 20px;
            padding-top:15px ;
            .play_l{
                p{
                    span{
                        font-size: 26px;
                    }
                }
            }
            .play_c{
                margin-top: 0;
            }
            .play_r{
                padding-top:20px ;
             }
        }
    }
    .laya_jies{
        .jies{
            margin-top: 20px;
            margin-bottom: 20px;
            .jies_t{
                padding: 0 15px;
              .titl{
                  span{
                      font-size: 26px;
                  }
              }  
            }
        }
    }
    
}